﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="About.aspx.cs" Inherits="Web.About.NewAbout.about" %>
<%@ Register Src="~/AboutControl/sidebar.ascx" TagPrefix="uc1" TagName="sidebar" %>
<%@ Register Src="~/AboutControl/footer.ascx" TagPrefix="uc1" TagName="footer" %>
<%@ Register Src="~/AboutControl/state.ascx" TagPrefix="uc1" TagName="state" %>
<%@ Register Src="~/AboutControl/headers.ascx" TagPrefix="uc1" TagName="headers" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta name="keywords" content="恒信人才,恒信网聘,恒信猎头,恒信派遣,恒信培训,恒信家政"/>
    <meta name="description" content="恒信人才目前是浙江省内最具规模和影响力的专业人力资源公司,全力引进优秀人才,支持浙江新的腾飞!"/>
    <meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=yes" name="format-detection"/>
    <meta name="renderer" content="webkit"/>
    <meta content="email=no" name="format-detection"/>
    <link href="css/all.css" rel="stylesheet" />    
    <link href="css/media.css" rel="stylesheet" /><!--各个浏览器响应式属性-->
    <link href="css/animation.css" rel="stylesheet" /><!--图片渐变键入效果样式-->
    <link href="css/base.css" rel="stylesheet" /><!--默认样式重置-->
    <link rel="stylesheet" href="css/lrtk.css" /><!--banner样式-->
    <link href="css/scroll.css" rel="stylesheet" /><!--默认样式重置-->
    <link href="css/product.css" rel="stylesheet" /><!--产品服务样式-->

    <!-- 引入 swiper 核心样式 -->
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" /> 

    <script src="js/jquery.js"></script><!--Jquery1.10.1库-->
    <!-- 引入 swiper 核心脚本（放 jQuery 之后，index.js 之前） -->
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script> 
    <script src="js/waypoints.min.js" type="text/javascript"></script><!--滚动监听--> 
    <script src="js/index.js" type="text/javascript"></script><!--滚动监听--> 
    <script src="js/scroll.js" type="text/javascript"></script><!--轮播图--> 
    
</head>  
  
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>

<body>
     <uc1:headers runat="server" id="headers" />
<uc1:sidebar runat="server" ID="sidebar" />
  <!-- 顶部 banner 图 -->
  <div class="top-banner">
    <img src="/images/solution/outsourcing_bg.jpg" alt="">
    <div class="banner-title">
      <div class="banner-h1">劳务外包</div>
      <div class="banner-h2">智慧外包，创赢未来</div>
      <div class="banner-btn"><a href="https://hxrc91job.mikecrm.com/Gg7ZWF">联系我们</a></div>
    </div>
  </div>

  <!-- 导航栏 -->
  <div class="nav">
    <div class="nav-container">
      <ul>
        <li class="active" data-target="custormer-difficulty">
          <a href="#custormer-difficulty" style="text-decoration: none; color: inherit;">客户的难题</a>
        </li>
        <li data-target="mine-product">
          <a href="#mine-product" style="text-decoration: none; color: inherit;">我们的产品</a>
        </li>
        <li data-target="advantage">
          <a href="#advantage" style="text-decoration: none; color: inherit;">我们的优势</a>
        </li>
        <li data-target="enterprise-honor">
          <a href="#enterprise-honor" style="text-decoration: none; color: inherit;">我们的价值</a>
        </li>
      
      </ul>
    </div>
  </div>

  <!-- 内容容器 -->
  <div class="container">
    <!-- 客户的难题 -->
    <div id="custormer-difficulty" class="custormer-difficulty">
        <div>

      <h2 class="section-header-h1">客户的难题</h2>
      <div class="corporate-culture">
          <div class="culture-item">
              <h3>01</h3>
              <p>编制有限</p>
              <p>人员编制申请难，选第三方破解刚性限制，实现弹性灵活。</p>
          </div>
          <div class="culture-item">
              <h3>02</h3>
              <p>风险转嫁</p>
              <p>传统用工转社会用工，转嫁用工风险，规避部分经营风险。</p>
          </div>
          <div class="culture-item">
              <h3>03</h3>
              <p>降低成本 </p>
              <p>按量计算，预算便捷准确，靠专业规模和资源优势降成本。</p>
          </div>
          <div class="culture-item">
              <h3>04</h3>
              <p>提升竞争</p>
              <p>以结果为导向，客户监管考核过程，提升企业核心竞争力。</p>
          </div>
          </div>
        </div>

    </div>

    <!-- 我们的产品 -->
     <div id="mine-product" class="mine-product">
       <div>

      <h2 class="section-header-h1">我们的产品</h2>
     <div class="product-text">
     <p>商务流程外包（BPO）</p>
     <p>企业把一些重复性和非核心岗位的业务流程分离出去，外包公司（恒信）根据双方约定的可衡量绩效考核指标，整合双方资源，通过专业的人员管理以及规范化的操作流程，简化企业的用工程序，减少人员管理的成本，降低企业用工风险，提高企业管理效率。</p>
     <p>岗位外包</p>
     <p>企业将非核心岗位的招聘、管理和替岗责任交给恒信，并按照岗位成本支付费用。企业遇到岗位临时性增加或既有岗位人员严重不足时，恒信能及时补充人员，并承担岗位人员流动带来的风险。</p>
<p>招聘流程外包（RPO）</p>
<p>恒信招聘流程外包服务以客户为导向，根据客户招聘需求提供定制化解决方案，包括全程招聘流程外包、项目型招聘流程外包等。为企业提供从人力规划、招聘策略、人才搜寻与筛选、候选人测评及面试、候选人管理、薪酬谈判，直至候选人报到的一站式服务。
</p>


     </div>
     <div class="product-center">
        <div class="product-content">
          <div class="left-line"></div>
          <div class="swiper-container">
            <div class="swiper-wrapper">
              <div class="swiper-slider">
                <div class="swiper-l-line lline" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce1.png" alt="">
                  </div>
                  <div class="txt">专业咨询与服务<br>诊断</div>
                </div>
                <div class="swiper-r-line rline " ></div>
              </div>
               <div class="swiper-slider">
                <div class="swiper-l-line lline no2line" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce2.png" alt="">
                  </div>
                  <div class="txt">定制相应的人力<br>资源服务流程</div>
                </div>
                <div class="swiper-r-line rline" style="transform: rotate(0deg) translate(0px, 0px); opacity: 1;"></div>

              </div>
               <div class="swiper-slider">
                <div class="swiper-l-line lline no3line" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce3.png" alt="">
                  </div>
                  <div class="txt">稳定的服务<br>质量</div>
                </div>
                <div class="swiper-r-line rline" style="transform: rotate(0deg) translate(0px, 0px); opacity: 1;"></div>

              </div>
               <div class="swiper-slider">
                <div class="swiper-l-line lline no4line" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce4.png" alt="">
                  </div>
                  <div class="txt">定期的服务评估<br>与持续渐进</div>
                  
                </div>
                <div class="swiper-r-line rline" style="transform: rotate(0deg) translate(0px, 0px); opacity: 1;"></div>

              </div>
               <div class="swiper-slider">
                <div class="swiper-l-line lline no5line" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce5.png" alt="">
                  </div>
                  <div class="txt">伴随企业发展，提供<br>可拓展的体系化<br>服务支持</div>
                </div>
                <div class="swiper-r-line rline " style="transform: rotate(0deg) translate(0px, 0px); opacity: 1;"></div>

              </div>
               <div class="swiper-slider">
                <div class="swiper-l-line lline no6line" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce6.png" alt="">
                  </div>
                  <div class="txt">管理并跟踪客户<br>需求变化</div>
                </div>
                <div class="swiper-r-line rline " style="transform: rotate(0deg) translate(0px, 0px); opacity: 1;"></div>

              </div>
               <div class="swiper-slider">
                <div class="swiper-l-line lline no7line" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce7.png" alt="">
                  </div>
                  <div class="txt">提供全面的<br>服务信息交付<br>支持平台</div>
                </div>
                <div class="swiper-r-line rline " style="transform: rotate(0deg) translate(0px, 0px); opacity: 1;"></div>

              </div>
            </div>
          </div>
          <div class="right-line"></div>
        </div>
     </div>

    </div>
    </div>
    <div class="container">
    <!-- 我们的优势 -->
    <div id="advantage" class="advantage-section-center">
        <div>

      <h2 class="section-header-h1">我们的优势</h2>
      <div class="corporate-culture">
        <div class="center-first">
            <div class="culture-item">
            <div class="top-img">
              <img src="/images/solution/center_a_bg1.png" alt="">
            </div>
            <div class="asc-right">
               <h3>01</h3>
                <div class="center-txt">企业不再担心淡旺季、临时性、辅助性等岗位的临时用工问题，企业可根据业务变化或业务需求灵活增加用工人数。</div>
            </div>
             
           
          </div> 
          <div class="culture-item">
             <div class="top-img">
              <img src="/images/solution/center_a_bg2.jpg" alt="">
            </div>
              <div class="asc-right">
                 <h3>02</h3>
                <div class="center-txt">全职业生涯岗位保障解决用工困难，有效管控用工风险，规避部分经营风险。</div>
              </div>
          </div>
        </div>
        <div class="center-scend">
 <div class="culture-item">
             <div class="top-img">
              <img src="/images/solution/center_a_bg3.jpg" alt="">
            </div>
            <div class="asc-right">
               <h3>03</h3>
               <div class="center-txt">按客户的实际业务情况安排用工人员，靠专业规模和资源优势降成本。</div>
            </div>
          </div>
           <div class="culture-item">
             <div class="top-img">
              <img src="/images/solution/center_a_bg4.jpg" alt="">
            </div>
             <div class="asc-right">
               <h3>04</h3>
                <div class="center-txt">覆盖浙中地区多市县线下门店，自招团队及代理团队近百人，抖音/快手/零工市场3天快速招满本地熟手</div>
            </div>
          </div>
        </div>
        
         
          
          </div>
        </div>

    </div>


    <!-- 我们的价值 -->
    <div id="enterprise-honor" class="honor-section">
       <div>

          <h2 class="section-header-h1">我们的价值</h2>
          <div class="corporate-culture">
          <div class="culture-item">
              <p>解决企业编织受限和临时性、季节性用工需求</p>
              <div class=" value-icon value-icon1"></div>
          </div>
          <div class="culture-item">
              <p>帮助企业规避管理风险
</p>
              <div class="value-icon value-icon2"></div>
          </div>
          <div class="culture-item">
              <p>提升企业管理效率，降低企业管理成本
</p>
              <div class="value-icon value-icon3"></div>
          </div>
          <div class="culture-item">
              <p>帮助企业专注于核心业务，提升竞争力</p>
              <div class="value-icon value-icon4"></div>
          </div>
          
          </div>
        </div>
      </div>

    </div>
    </div>
  </div>
        <uc1:footer runat="server" ID="footer" />
        <uc1:state runat="server" ID="state" />
  <script>
    // 导航栏激活状态
    $(window).scroll(function() {
      const scrollPosition = $(window).scrollTop() + 100;
      
      $('.section').each(function() {
        const sectionTop = $(this).offset().top;
        const sectionId = $(this).attr('id');
        
        if (scrollPosition >= sectionTop) {
          $('.nav li').removeClass('active');
          $(`.nav li[data-target="${sectionId}"]`).addClass('active');
        }
      });
    });
   
    // 平滑滚动
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
      anchor.addEventListener('click', function (e) {
        e.preventDefault();
        
        document.querySelector(this.getAttribute('href')).scrollIntoView({
          behavior: 'smooth'
        });
      });
    });
  </script>
</body>

</html>
